草庐IT

Flutter:ClipOval Clipper 高度

全部标签

javascript - 当某些 dom 元素改变高度时的 jQuery 事件

当某些(任何一个)元素改变其自高度度时,有什么方法可以设置jQuery事件吗?我真的不知道怎么才能开火喜欢:$('body*').onHeightChange(function(){//dosomenthing}); 最佳答案 每当你做一些改变元素高度的事情时,触发一个事件。$("#somelement").slideDown().trigger("heightchange");现在你可以绑定(bind)到那个:$("body").on("heightchange",function(e){var$el=$(e.target);//

javascript - jquery 查找所有 div 子项的总高度

嘿,我有一个包含5个div的div,我想将它们的所有高度加在一起,这是我根据Jeff的回答最终使用的解决方案。谢谢你帮我。varev_totalHeight=0;$("#events>div").each(function(){ev_totalHeight+=$(this).innerHeight();});functionevents_open(){$("#events").animate({"height":ev_totalHeight},450);}$("#events").click(function(){events_open();}); 最佳答案

javascript - JQuery获取子元素的最高高度并放入父元素

在previousquestion中,我在个人身上设置了平等的高度页面上来自UL组的标签。但是现在我意识到为了更好的主题化,我想在一组上设置最高的高度。UL组中的标签并将其设置为其各自的父级本身专门用于更好地主题化我的页面。我有anewfiddle在这里我试图找到的最高高度在UL组内并将其设置为UL。问题仍然是特异性。的最高高度来自第一个UL组的设置为所有页面上的标签。最高的高度UL组(第1行)中的高度为260px,第2行的高度为156px。但是,页面上的两个UL标签仍设置为260px。UL将在页面上增长,因此我希望代码可以扩展,而不必在JQuery中指定每一行。到目前为止,我已经试过

javascript - 在 ReactJS 中将 iframe 高度设置为 scrollHeight

由于以下原因,问题的典型解决方案在React中不起作用它动态生成的组件结构和事件模型,而不是传统的静态HTML:脚本:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.body.scrollHeight+'px';}html:有一个npm包react-iframe,但看起来还未完成(仅接受属性url、width、height):https://www.npmjs.com/package/react-iframe解决方案的可能部分是监听load事件iframe,但以与React兼容的方式。在Reac

javascript - 在 angular-chart.js 模块中更改宽度和高度

我正在使用Angular模块angular-chart.js.它易于使用且非常智能。但我注意到我无法更改图表的width和height。我在某处读到我必须按如下方式定义图表的大小:varvm=$scope;vm.labels=[];vm.data=[];CrudService.getData(selDate).$promise.then(function(response){angular.forEach(response,function(val){val.datum=$filter('date')(val.datum,'dd.MM.yyyy');vm.labels.push(val

javascript - 在更改窗口调整大小时显示实时宽度和高度值

在html头部:varmyWidth=0,myHeight=0;if(typeof(window.innerWidth)=='number'){myWidth=window.innerWidth;myHeight=window.innerHeight;}elseif(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){myWidth=document.documentElement.clientWidth;myHeight=doc

javascript - 使用 ng-repeat 时如何获得元素的正确高度和偏移值?

我正在尝试获取列表项的偏移量和高度。一旦我有了这些,我就在父指令上调用一个函数。最后,这将是进入View时进出的过渡元素。问题:由于ng-repeat(我不知道为什么),el[0].offsetheight和el[0].getBoundingClientRect().top;值几乎是随机的;除非,我在逻辑周围包装了一个$timeout。我认为这是因为样式有时间渲染?问题:如何在不包装$timeout或使用$watch的情况下获得准确的偏移量和高度。HTML:...JS:app.directive('spyed',function(){return{require:'^scrollSpy

javascript - jQuery UI resizable 在调整宽度时改变高度

我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b

javascript - 移动设备上的 100% 高度和 CSS

我敢肯定这个问题以前有人问过,但我找不到任何非常相似的东西(有些问题略有相似)移动浏览器的趋势是在您向下滚动时隐藏地址栏,这很好,但对于严重依赖基于百分比的元素高度的网站来说存在问题,例如我现在制作的响应式网站。问题是,视口(viewport)大小会根据地址栏的可见性而变化。意思是,地址栏不可见时的100%高度大于其可见时的大小。当您滚动时,这会导致网站重新配置不稳定。这在移动版GoogleChrome上尤其成问题,因为每当您在页面中的任何位置向上滚动时,地址栏都会返回。大量不稳定的重新配置。我希望100%在没有地址栏的浏览器中表示100%。无论我采取什么解决方案,它都需要一些Java

javascript - 我可以以平台中立的方式查询无 URL 栏移动 Safari 窗口高度吗?

我正在编写一个类似于您在iPhone应用程序商店中获得的横向滚动文本阅读器小部件,其中应用程序的屏幕截图面板是嵌入在主垂直滚动面板中的不同的水平滚动面板。在所有版本(包括全分辨率键盘/鼠标计算机样式)中,面板占据容器宽度的100%,因此它就像横跨页面的水平条纹。在小分辨率触摸界面版本中,即对于智能手机,我希望它也调整大小为窗口的整个高度,以便当您垂直滚动到它时,它可以占据整个屏幕。iPhone使这变得棘手,因为$(window).height()或您想要查询它的方式似乎取决于URL栏是否可见。如果不对代码进行特殊封装以了解它是否在iPhone上,或者添加hack来滚动窗口以关闭URL栏